<template>
  <div>
    <div>
        <!-- 路由占位符 -->
        <router-view></router-view>
    </div>
    <div>
        <van-tabbar class="tabbar" route v-model="active" active-color="#ee0a24" inactive-color="#000" >
          <van-tabbar-item url='/#/index' icon="home-o">首页</van-tabbar-item>
          <van-tabbar-item url='/#/dynamic' icon="fire-o">动态</van-tabbar-item>
          <van-tabbar-item url='/#/music' icon="play-circle-o">听歌</van-tabbar-item>
          <van-tabbar-item url='/#/message' icon="chat-o">消息</van-tabbar-item>
          <van-tabbar-item url='/#/my' icon="contact">我的</van-tabbar-item>
        </van-tabbar>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      active: 0
    }
  }
}
</script>

<style scoped>
.tabbar{
  /* height: 77px; */
  border-top: 1px solid black;
  /* position: fixed; */
}
</style>
